import { createApp } from "vue"
import App from "./App.vue"
import router from "./router"
// element
import ElementPlus from "element-plus"
import "element-plus/dist/index.css"
// element icons
import * as Icons from "@element-plus/icons-vue"
// pinia store
import pinia from "@/store"
// main.scss
import "./style/main.scss"
// default.scss
import "./style/theme/default.scss"
// dark.scss
import "./style/theme/dark.scss"

const app = createApp(App)

// register the element Icons component
Object.keys(Icons).forEach((key) => {
  app.component(key, Icons[key as keyof typeof Icons])
})

app.use(router)
app.use(ElementPlus)
app.use(pinia)
app.mount("#app")
